<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="lijun; 67086071; zwlijun@qq.com" />
<title>XLib.Calendar</title>
<link href="css/api.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <table>
    <caption>Constructor Summary</caption>
    <tr>
      <th>Calendar</th>
      <td>XLib.Calendar()</td>
      <td class="desc">构建一个新的Calendar实例。</td>
    </tr>
  </table>
  <table>
    <caption>Property Summary</caption>
    <tr>
      <th>N/A</th>
      <td>N/A</td>
      <td class="desc">N/A</td>
    </tr>
  </table>
  <table>
    <caption>Method Summary</caption>
    <tr>
      <th>void</th>
      <td><a href="#init">init(Object cfg)</a></td>
      <td class="desc">初始化日期对象。</td>
    </tr>
    <tr>
      <th>void</th>
      <td><a href="#hide">hide()</a></td>
      <td class="desc">隐藏控件。</td>
    </tr>
  </table>
  <hr />
  <pre>
    <h4>void init(Object cfg)<a name="init"></a></h4>
    初始化日期对象。
    参数：cfg - 参数配置对象
             {
               String id  控件ID
               int size   日历个数
               int rows   行数
               int cols   列数
               Boolean showToday  是否显示今天
               String namespace  控件实例名称
               Object range  范围对象 {start, end, disabled}
               Array bind  绑定 {[String|Array]ref,input,handler,args}
               int offsetX x偏移值
               int offsetY y偏移值
               Boolean bindNext  是否自动下一个控件
               String format 日期格式
             }
    返回：
    示例：
  </pre>
  <pre>
    <h4>void hide()<a name="hide"></a></h4>
    隐藏控件。
    参数：
    返回：
    示例：
  </pre>
  <pre>
完整示例：
function t(d){
  //alert(d.format("%y-%M-%d %h:%m:%s"));
  document.getElementById("date").value = d.format("%d/%M/%y");
}
function t2(d){
  //alert(d.format("%y-%M-%d %h:%m:%s"));
  document.getElementById("date2").value = d.format("%y%M%d");
}
function t3(d){
  //alert(d.format("%y-%M-%d %h:%m:%s"));
  document.getElementById("date3").value = d.format("%M/%d, %w");
}
var cal = new XLib.Calendar();
cal.init({
  id:0,
  size:2,
  rows:1,
  cols:2,
  range:{start:null, end:null, disabled:false},
  namespace:'cal',
  bind : [{
    ref:'date',
    input:'date',
    handler : t,
    args : []
  },{
    ref:'date2',
    input:'date2',
    handler : t2,
    args : []
  },{
    ref:'date3',
    input:'date3',
    handler : t3,
    args : []
  }],
  offsetX:0,
  offsetY:20,
  bindNext:true
});
  </pre>
</body>
</html>
